<template>
    <div class="image w">
        <el-row>
            <el-col :span="24">
                <a href="#"><img src="./images/pic.png" alt=""> </a>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name:"MyContainer"
}
</script>

<style lang="less" scoped>
.w {
    width: 1200px;
    margin: auto;
}
img {
    vertical-align: top;
}

img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

img:hover {
    -webkit-transform: scale(1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    overflow: hidden;
}

.image{
    float: left;
    // position: absolute;
    // left: 220px;
    padding: 10px 10px;
    width: 74%;

    img{
        // float: left;
        width: 100%;
    }
}


</style>